.stock-inner {
	.content-box {
		.scrollBox {
			.scroll{
				height: 100%;
			}
			.standard{
				padding: 5px;
				position: relative;
				overflow: inherit !important;
				i.icon-jiantou.trans{
					display: inline-block;
					transform:rotate(180deg) !important;
				}
				ul{
					width: 100%;
					border:1px solid #ddd;
					border-radius: 5px;
					height: 0px;
					overflow: hidden;
					overflow-y: scroll;
					opacity: 0;
					transform: all .3s;
					background: #fff;
					position: absolute;
					left:0;
					z-index: 999;
					transition: all .3s;
					li{
						padding: 10px 0;
						text-align: center;
						position: relative;
						cursor: pointer;
						.standard-count{
							// padding-left: 35px;
						}
						i{
							position: absolute;
							right: 10px;
							&:before{
								color: #ff0048;
							}
						}
						&.plus-li{
							span.plus{
								font-size: 22px;
								color: #9bb4c7;
								cursor: pointer;
							}
						}
						&.plus-inp{
							text-align: left;
							padding-left: 10px;
							input{
								width: 60%;
								text-align: center;
							}
							i{
								&:before{
									color:#39b629;
								}
							}
						}
					}
					&.show-ul{
						height: 110px;
						opacity: 1;
					}
				}
			}
			.capacity-tr{
				position: relative;
				  .capacity{
				  cursor: pointer;
				  position: relative;
				  overflow: inherit !important;
				  i.icon-jiantou.trans{
					display: inline-block;
					transform:rotate(180deg) !important;
				  }
				  .standard-wrap{
					.ul-wrap{
					  width: 200px;
					  height: 110px;
					  background: #fff;
					  border:1px solid #ddd;
					  border-radius: 5px;
					  position: absolute;
					  left:50%;
					  margin-left: -100px;
					  z-index: 999;
					  padding: 2px;
					  overflow: hidden;
					  visibility: hidden;
					  .ul-inner-wrap{
						height: 80px;
						overflow-y: auto;
						ul{
						  overflow-y: inherit;
						  li{
							padding: 10px 0;
							text-align: center;
							position: relative;
							cursor: pointer;
							i.del-capacity{
							  position: absolute;
							  right: 10px;
							  &:before{
								color: #ff0048;
							  }
							}
						  }
						}
					  }
					  .plus-li{
						width: 200px;
						position: absolute;
						left:50%;
						bottom: 0px;
						margin-left: -100px;
						padding: 5px 0;
						background: #fff;
						z-index:999;
						span.plus{
						  font-size: 22px;
						  color: #9bb4c7;
						  cursor: pointer;
						}
					  }
					  .plus-inp{
						position: absolute;
						bottom: 40px;
						text-align: left;
						padding:0 10px;
						z-index:999;
						input{
						  width: 60%;
						  text-align: center;
						}
						i{
						  &:before{
							color:#39b629;
							position: absolute;
							right: 2px;
						  }
						}
					  }
					  &.show-ul{
						height: 110px;
						visibility: visible;
					  }
					}
				  }
				}
			  }
		}
	}
	.dialog-box {
		.dialog-content {
			 .aCheckbox {
                input {
                    opacity: 0;
                    &:checked{
                        &~label{
                            background: url('./../../../assets/checkbox_true.png') no-repeat; 
                        }
                    }
                }
                label {
                    cursor: pointer;
                    display:inline-block;
                    width:20px;
                    height:20px;
                    background: url('./../../../assets/checkbox_false.png') no-repeat;
                    background-size: 100% 100%;
                }
                .show {
                    background: url('./../../../assets/checkbox_true.png') no-repeat;
                    background-size: 100% 100%;
                }
            }
			.dialog-content-title {
				background-color: #f3f6fb;
				table{
					tr {
						height: 48px;
						th {
							text-align: center;
							vertical-align: middle;
							width:100%;

						}
					}
				}
			}
			.dialog-scroll {
				height: 340px;
				overflow: auto;
				.scroll-inner {
					table{
						width: 100%;
						border: none;
						border-collapse: collapse;
						table-layout: fixed;
						tr {
							height: 40px;
							border-bottom: dotted 2px #bbcedc;
							td {
								text-align: center;
								vertical-align: middle;
								width:100%;
							    word-break:keep-all;/* 不换行 */
							    white-space:nowrap;/* 不换行 */
							    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
							    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
							}
						}
						.red-bg{
							color: #fff;
							background-color: #ff0048;
						}
					}
				}
			}
		}
	}
	#mask{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    .first-in-add-cap{
      // width: 200px;
      padding: 10px;
      // height: 200px;
      background: #fff;
      border-radius: 5px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      .goods-name-tit {
				margin: 0 40px 0px 0px;
				padding-bottom: 15px;
      }
      .saveFirst{
        text-align: center;
        padding-top: 50px;
        button{
          border: none;
          width: 100px;
          height: 40px;
          border-radius: 5px;
          color: #fff;
          background: #39b629;
        }
      }
      .hidden-ul-box{
        display: none;
      }
    }
    .search-box {
      padding: 10px 0;
			position: relative;
			.input-box {
				width: 300px;
				::-webkit-input-placeholder { /* WebKit browsers */ 
					color: #ddd;
					font-size: 16px; 
				} 
				:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
					color: #ddd;
					font-size: 16px; 
				} 
				::-moz-placeholder { /* Mozilla Firefox 19+ */ 
					color: #ddd;
					font-size: 16px; 
				} 
				:-ms-input-placeholder { /* Internet Explorer 10+ */ 
					color: #ddd;
					font-size: 16px; 
				}
			}
			.ul-box {
				width:100%;
				top:48px;
				position: absolute;
				background-color: #fff;
				border-radius: 2px;
				border:1px solid  #d9dbe0;
				li {
					padding: 0 10px;
					box-sizing:border-box;
					width:100%;
					height: 40px;
					line-height: 40px;
					cursor: pointer;
					word-break:keep-all;/* 不换行 */
				    white-space:nowrap;/* 不换行 */
				    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
				    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
					&:hover{
						background-color: #ecf1f5;
					}
				}
			}
		}
  }
  .common-top {
	display: flex;
	align-items: center;
	position: relative;
	.change-stock-btn {
		position: absolute;
		right: 10px;
		span {
		  vertical-align: middle;
		}
		.change-btn {
		  display: inline-block;
		  width: 100px;
		  height: 30px;
		  background: rgb(236, 236, 236);
		  vertical-align: middle;
		  border-radius: 15px;
		  position: relative;
		  cursor: pointer;
		  overflow: hidden;
		  i {
			display: inline-block;
			width: 55px;
			height: 30px;
			border-radius: 15px;
			background: rgb(51, 199, 37);
			position: absolute;
			left: 0;
			transition: all .3s;
		  }
		  &.right-btn {
			i {
			  left: 45px;
			}
		  }
		}
	  }
	._product-top-item {
		height:100%;
		width: 190px;
		margin-right: 10px;
		.el-date-editor.el-input, .el-date-editor.el-input__inner {
			width: 100%;
			input.el-input__inner {
				// padding-right:10px;
				// padding-left:10px;
			}
		}
	}
	._product-top-item-smile{
		height:100%;
		width:145px;
		margin-right: 10px;
	}
}
}